view {font-size:16px;box-sizing:border-box;color:#D6E0F1;}
page {background-color:#22192E;}
button{font-weight: bold;}
.bg-background {background-color:#22192E;}
.bg-box {background-color:#332F4A;}
.bg-button {background-color:#FF007B;}
.text-highlight{color: #31E8D6;}
.text-default{color: #D6E0F1;}
.text-dark{color: #9491A5;}

.empty-msg,.empty-msg view {justify-content:center;text-align:center;color:#D6E0F1;line-height:100%;}
.empty-msg .icon .iconfont {font-size:80px;opacity:.2;}
.empty-msg {padding:30upx;margin:auto 0;margin-top:60px;}
.empty-msg .info {font-size:16px;color:#D6E0F1;margin-top:20px;opacity:1;}
.empty-msg button {color:#fff;font-size:16px;font-weight:bold;background-color:#FF007B;margin-top:20px;}
.form {padding:15px;}
.form view {display:flex;flex-direction:column;}
.form .item {margin-bottom:10px;}
.form .item .label {font-size:14px;margin-bottom:5px;}
.form .item .input-box input {border-radius:6px;background-color:#071824;padding:10px !important;width:650upx;}
.form .item .input-box textarea {border-radius:6px;background-color:#071824;padding:10px !important;width:650upx;}
.form .item .tip {color:#31E8D6;font-size:12px;padding:5px 0;}
button[disabled] {background-color:#071824 !important;color:#666 !important;}
.sendsms {color:#fff !important;background-color:#31E8D6 !important;border-color:#31E8D6 !important;margin-left:5px;}
button.primary {background-color:#31E8D6;color:#FFFFFF}
input {background-color:#071824 !important;border-color:#071824 !important;}
.icon-img {width:25px;height:25px}
.button-box-padding {padding:30upx;}
.commonstyle .radius {border-radius:30upx;}
.commonstyle .box {padding:30upx;box-shadow:0 5px 15px rgba(0,0,0,.1);background-color:#FFFFFF;}
.gray {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity:.5;}
.padding30 {padding:30upx;}
.padding20 {padding:20upx !important;}
.padding10 {padding:10upx;}
.height100 {height:100%;}
.link {color:#31E8D6;display:inline;}
.fontweight {font-weight:bold;}
.price-show {display:inline;}
.price-show .unit {font-size:50%;display:inline;opacity:.5;margin-left:2px;}
.btn-primary {background-color:#31E8D6;color:#000;font-weight:bold;}
.btn {border-radius:12upx;padding:30upx;font-size:16px;text-align:center;line-height:100%;}
.btn-outline {background-color:transparent;color:#31E8D6;border:1px solid #31E8D6}
.btn-xs {height:50upx;font-size:12px;padding:0;text-align:center;line-height:100%;flex-direction:column;display:flex;justify-content:center;padding:0 30upx;}
.btn-block {width:100%;}
.hidden {opacity:0;pointer-events:none;}
.rotate180 {transform:rotate(180deg);}
.content-padded {padding:32upx;}
.round100 {border-radius:100%;}
.mt30 {margin-top:30upx;}
.h1 {font-size:32px;}
.h2 {font-size:28px;}
.h3 {font-size:24px;}
.h4 {font-size:20px;}
.h5 {font-size:16px;}
.menu-lists {background-color:#352E4D;}
.menu-lists .item-divider {height:30upx;background-color:#18142F;margin-top:-1px;}
.menu-lists .item {flex-direction:row;padding-left:30upx;}
.menu-lists .item .icon {width:20px;justify-content:center;}
.menu-lists .item .icon image {width: 20px;}
.menu-lists .item .icon .iconfont {color:#31E8D6;font-size:18px;justify-content:center;}
.menu-lists .item .name {font-size:16px;border-bottom:1px solid #18142F;flex:1;padding:30upx 20upx;justify-content:center;}
.menu-lists .item:last-child .name {border-bottom:none;}
.menu-lists .item navigator {flex:1;}
.menu-lists .item .name.muti {flex-direction:row;justify-content:space-between;display:flex;}
.menu-lists .item .name.muti .sub-name {flex-direction:row;}
.menu-lists .item .name.muti .sub-name view {font-size:12px;color:#8c9eae;justify-content:center;}
.menu-lists .item .name.muti .sub-name .icon {width:15px;height:15px;margin-top:5px;margin-left:5px;}
.menu-lists .item .name.muti .sub-name .icon image {width:15px;height:10px;}
